<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/list.css">
  <link rel="stylesheet" href="../font_1/iconfont.css">
</head>
<body>
  <!-- 大头部 -->
  <div class="header_1">
    <div class="head">
      <div class="head_1">
        <ul class="left_1">
          <li><a href="#">欢太品牌</a></li>
          <li><a href="#">欢太云服务</a></li>
          <li><a href="#">软件商店</a></li>
          <li><a href="#">健康</a></li>
        </ul>      
        <ul class="right_1">
          <li><a href="#"> 下载欢太商城APP</a></li>
          <li>
            <i class="iconfont icon-Artboard"></i>
            <a href="./login.html">登录</a>
          </li>
          <li><a href="./login.html">注册</a></li>
          <li>
            <i class="iconfont icon-che"></i>
            <a href="#">购物车</a>
          </li>
        </ul>
      </div>
    </div>
    <!--  头部nav -->
  <div class="n-head_2">
    <div class="head_2">
      <div class="logo_2">
        <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp" alt="">
      </div>
      <div class="centre">
        <ul>
          <li><a href="#">OPPO专区</a></li>
          <li><a href="#">OnePlus专区</a></li>
          <li><a href="#">realme专区</a></li>
          <li><a href="#">智能硬件</a></li>
          <li><a href="#">潮流好物</a></li>
          <li><a href="#">服务</a></li>
        </ul>
      </div>
      <div class="rigth_2">
        <form action="" class="parent">
          <input type="text" placeholder="OPPO K9 Pro">
        </form>
      </div>
    </div>
  </div>
  
</div>
<!-- 导航页 -->
  <div class="lists">
    <ul class="liststop">
      <li class="active" id="1">必买榜单</li>
      <li id="2">颜值Reno系列 </li>
      <li id="3">硬核玩家系列</li>
      <li id="1">旗舰Find X系列</li>
      <li id="2">人气A系列</li>
    </ul>

      <ul class="listsbottom" >
      <li>
        <div>
          <img src="" alt="">
        </div>
        <p></p>
        <ul class="shang">
          <li></li>
          <li></li>
        </ul>
        <ul class="xia">
          <li></li>
          <li></li>
        </ul>
      </li>
      </ul>
  </div>  
  <!-- 大底部 -->
  <div class="footers">
    <!-- 全国联保 -->
    <div class="topfoot">
      <ul>
        <li>
          <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/04210c8.svg" alt="">
          <a href="#">1年全国联保</a>
        </li>
        <li>
          <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
          <a href="#">7天无理由退货</a>
        </li>
        <li>
          <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/eb8fa21.svg" alt="">
          <a href="#">官方换货保障</a>
        </li>
        <li>
          <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/3839092.svg" alt="">
          <a href="#">满69元包邮</a>
        </li>
        <li>
         <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/11324b1.svg" alt="">
          <a href="#">916 家售后网点</a>
        </li>
      </ul>
    </div>
    <div class="bottomfoot">
      <ul>
        <li>关于欢太</li>
        <li>了解欢太</li>
        <li>欢太产品与服务</li>
        <li>联系我们</li>
        
      </ul>
      <ul>
        <li>OPPO产品</li>
        <li>OPPO Reno6</li>
        <li>OPPO Reno6 Pro</li>
        <li>OPPO Reno6 Pro</li>
        <li>OPPO Find X3 Pro</li>
        <li>OPPO Find X3</li>
        <li>OPPO Find X3</li>
        <li>OPPO K9</li>
        <li>OPPO K7x</li>
        <li>OPPO A93s </li>
        <li>OPPO A93</li>
      </ul>
      <ul>
        <li>一加产品</li>
        <li>OnePlus 9 Pro</li>
        <li>OnePlus 9</li>
        <li>OnePlus 9R</li>
        <li>OnePlus 8T</li>
        <li>OnePlus Watch</li>
        <li>OnePlus Buds Pro</li>
      </ul>
      <ul>
        <li>realme产品</li>
        <li>真我GT大师探索版</li>
        <li>真我X7 Pro至尊版</li>
        <li>真我Q3 Pro</li>
        <li>真我V15</li>
        <li>realme Book</li>
        <li>realme Book</li>
      </ul>
      <ul>
        <li>服务政策</li>
        <li>服务政策</li>
        <li>一加售后政策</li>
        <li>realme售后政策</li>
        <li>配送发货说明</li>
        <li>花呗分期说明</li>
        <li>电子发票说明</li>
      </ul>
      <div class="rightfoot">
        <div>
          <i class="iconfont icon-fuwudingdanxiangqing-kefu"></i>
          在线客服
        </div>
        <p>400-1999-666</p>
        <p>24小时全国热线</p>
      </div>
    </div>
    <div class="textfoot">
      <ul>
        <li>◎2021欢太版权所有粤ICP备14012291号</li>
        <li>隐私政策</li>
        <li>用户使用协议</li>
        <li>资质证照</li>
        <li>知识产权</li>
      </ul>
      <p>粵公网安备44190002004935号</p>
    </div>
  </div>
  <script src="../jquery/jquery.js"></script>
  <script src="./js/utils.js"></script>
  <script src="./js/list.js"></script>
  
</body>
</html>